// pages/order/order.js
import request from '../../utils/request'

Page({

  /**
   * 页面的初始数据
   */
  data: {
    tabs: [
      {
        id: 0,
        value: "全部",
        isActive: true
      },
      {
        id: 1,
        value: "待发货",
        isActive: false
      },
      {
        id: 2,
        value: "已发货",
        isActive: false
      },
      {
        id: 3,
        value: "退款/售后",
        isActive: false
      }
    ],
    product: null,
    orderStatus: ['待付款', '待发货', '待收货', '退款/售后'],
    optionsId: null,
    description: '',
    show: null
  },
  handleTabsItemChange(e) {
    // 1 获取被点击的标题索引
    const { index } = e.detail;
    this.changeTitleByIndex(index);
    // 2 重新发送请求 type=1 index=0
    // this.getOrders(index + 1);
  },
  // 根据标题索引来激活选中 标题数组
  async changeTitleByIndex(index) {
    // 2 修改源数组
    let { tabs } = this.data;
    tabs.forEach((v, i) => v.id == index ? v.isActive = true : v.isActive = false);
    // 3 赋值到data中
    this.setData({
      tabs
    })

    let res = await request.posts(`/order/list?userId=${wx.getStorageSync('userId')}`
      // orderStatus: this.data.orderStatus[this.data.optionsId]
    );
    if (res.data.code === 200) {
      // this.setData({
      //   product: res.data.data
      // })
      if (index == 0) {
        console.log(0)
        this.setData({
          product: res.data.data
        })
        if (res.data.data.length == 0) {
          this.setData({
            show: true,
            description: '暂无订单'
          })
        }
      } else if (index == 1) {
        console.log(1)
        let data1 = []
        res.data.data.map(item => {
          if (item.status == '未发货') {
            data1.push(item)
          }
        })
        console.log(data1)
        if (data1.length == 0) {
          this.setData({
            show: true,
            description: '暂无订单',
            product: []
          })
        } else {
          this.setData({
            product: data1
          })
        }

      } else if (index == 2) {
        console.log(2)
        let data3 = []
        res.data.data.map(item => {
          if (item.status == '已发货') {
            data3.push(item)
          }
        })
        if (data3.length == 0) {
          this.setData({
            show: true,
            description: '暂无订单',
            product: []
          })
        } else {
          this.setData({
            product: data3
          })
        }

      } else if (index == 3) {
        console.log(3)
        this.setData({
          product: [],
          show: true,
          description: '暂无订单'
        })
      }
    }
  },
  onClick: function (event) {
    wx.navigateTo({
      url: '/pages/product/detail/detail?id=' + event.currentTarget.id
    })
  },

  async orderList() {
    let res = await request.posts('/order/list', {
      userId: wx.getStorageSync('userId')
    })
    this.setData({
      product: res.data.data
    })


  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: async function (options) {
    this.setData({
      optionsId: options.id
    })
    console.log(this.data.optionsId)
    this.changeTitleByIndex(options.id)

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: async function () {
    // let res = await request.posts(`/order/list?userId=${wx.getStorageSync('userId')}`
    //   // orderStatus: this.data.orderStatus[this.data.optionsId]
    // );
    // if (res.data.code === 200) {
    //   this.setData({
    //     product: res.data.data
    //   })
    // }
    // if (res.data.message === '暂无订单') {
    //   this.setData({
    //     show: true,
    //     description: res.data.message
    //   })
    // }
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})